@import './variables.scss';
// 超长文字隐藏
.longText {
	.cell {
		overflow: hidden !important; //超出的文本隐藏
		text-overflow: ellipsis !important; //溢出用省略号显示
		white-space: nowrap !important; //溢出不换行

		&:hover {
			overflow: auto !important; //超出的文本隐藏
			text-overflow: auto !important; //溢出用省略号显示
			white-space: normal !important; //溢出不换行
		}
		word-break: normal;
	}
}

// 不可用但不影响点击
.dis {
	background-color: #a0cfff;
	border-color: #a0cfff;
}
.detailBoxStyle {
	max-height: calc(100vh - 220px);
	overflow: auto;
	border: 1px solid rgba(192, 190, 190, 0.5);
}
// 状态样式
.disableRgba {
	background-color: #fef0f0;
	color: #f56c6c;
	display: inline-block;
	height: 18px;
	padding: 0 6px;
	line-height: 18px;
	font-size: 12px;
	border: 1px solid #fde2e2;
	border-radius: 4px;
	box-sizing: border-box;
	white-space: nowrap;
}

// 成功失败
.danger {
	color: #f56c6c;
}

.success {
	color: #67c23a;
}

.hideDom {
	display: none;
}
.text-link {
	color: #409eff;
	cursor: pointer;
	text-decoration: underline;
}

.enableColor {
	color: #13ce66;
}

.disableColor {
	color: #fb6260;
}

.viewer-play,
.view-large {
	display: none;
}

.blueColor {
	color: #58a3f7;
}

.blueBackground {
	background: #58a3f7;
}

.yellowColor {
	color: #fec03d;
}

.yellowBackground {
	background: #fec03d;
}

.lightBlueColor {
	color: #52c1f5;
}

.lightBlueBackground {
	background: #52c1f5;
}

.lightGreenColor {
	color: #4bced0;
}

.lightGreenBackground {
	background: #4bced0;
}

.redColor {
	color: #fb6260;
}

.redBackground {
	background: #fb6260;
}

.orangeColor {
	color: #ffa94c;
}

.orangeBackground {
	background: #ffa94c;
}

.purpleColor {
	color: #8167f5;
}

.purpleBackground {
	background: #8167f5;
}

.blackColor {
	color: #8167f5;
}

.blackBackground {
	background: #8167f5;
}

.pageValue {
	position: fixed;
	bottom: 0;
	background-color: #fff;
	width: 100%;
	margin-left: -200px;
	height: 40px;
	z-index: 999;
	right: 0;
}

.pagePopValue {
	background-color: #fff;
	width: 100%;
	height: 40px;
	z-index: 999;
	padding-right: 15px;
	margin: 35px auto 10px;
	text-align: right;
}

.normalRgba {
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #67c23a;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 14px;
	background: rgba(0, 160, 0, 0.2);
}

.disableRgba {
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #fb6260;
	font-size: 14px;
	text-align: center;
	background: rgba(250, 89, 89, 0.3);
}

.deleteRgba {
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	color: #cb992f;
	text-align: center;
	font-size: 14px;
	background: rgba(253, 168, 77, 0.3);
}

.lockingRgba {
	min-width: 60px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	display: inline-block;
	border-radius: 5px;
	font-size: 14px;
	color: #58a3f7;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	background: rgba(88, 163, 247, 0.3);
}
// 修复遮罩黑屏
.v-modal {
	opacity: 1;
	background: rgba(0, 0, 0, 0.5);
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.mb0 {
	margin-bottom: 0px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb100 {
	margin-bottom: 100px;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.ml0 {
	margin-left: 0px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.mr0 {
	margin-right: 0px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.pb0 {
	padding-bottom: 0px !important;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pt0 {
	padding-top: 0px !important;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pl0 {
	padding-left: 0px !important;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pr0 {
	padding-right: 0px !important;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
.flex-warp-container {
	display: flex !important;
	-o-display: flex !important;
	-ms-display: flex !important;
	-webkit-display: flex !important;
	-moz-display: flex !important;
	flex-flow: row !important;
	-o-flex-flow: row !important;
	-ms-flex-flow: row !important;
	-webkit-flex-flow: row !important;
	-moz-flex-flow: row !important;
	flex-wrap: wrap !important;
	-o-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
}
.flex-row-container {
	display: flex !important;
	-o-display: flex !important;
	-ms-display: flex !important;
	-webkit-display: flex !important;
	-moz-display: flex !important;
}
.flex-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.flex-start {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.flex-column-start {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.flex-column-center-start {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex-between {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.el-icon-document-copy {
	cursor: pointer;
}
.el-table__body tr.current-row > td.el-table__cell {
	background-color: $tableHighlightCurrentRow;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
	background-color: $tableHoverCurrentRow;
}
.el-table__body .el-table__row.hover-row > td {
	background-color: $tableHoverCurrentRow;
}
.positionIcon .el-message-box__status {
	top: 25% !important;
}
.positionDelIcon .el-message-box__status{
	top: 11px !important
}
.world_break {
	word-break: break-all;
}
.ml45{
	margin-left: 45px;
}
.noWarpStyle{
	white-space: nowrap;
}
.ml126{
	margin-left: 126px;
}
